import './resizer.css';
import { computed, defineComponent, unref } from 'vue';

export default defineComponent({
  name: 'Resizer',
  props: {
    split: {
      type: String,
      required: true,
    },
    className: {
      type: String,
      default: '',
    },
  },
  setup(props) {
    const classes = computed(() => {
      return ['splitter-pane-resizer', props.split, props.className].join(' ');
    });

    return () => <div class={unref(classes)}></div>;
  },
});
